<!--报警规则-->
<template>
  <div class="info-container">
    <div class="info-container_body">
      <el-form ref="refFrom" label-position="top" class="demo">
        <div class="form-section">
          <div class="form-section_title">报警规则</div>

          <AlarmRule ref="abstract" @showRight="showRight"></AlarmRule>
        </div>
        <div class="form-section">
          <div class="form-section_title">站房报警配置</div>
          <StationAlarm ref="join" @showRight="showRight"></StationAlarm>
        </div>
      </el-form>
    </div>
  </div>
</template>

<script lang="ts">
import { defineAsyncComponent } from 'vue';

export default {
  components: {
    AlarmRule: defineAsyncComponent(() => import('./alarmRule.vue')),
    StationAlarm: defineAsyncComponent(() => import('./stationAlarm.vue'))
  },
  props: {
    data: {}
  },
  computed: {},
  data() {
    return {};
  },
  created() {
    this.init();
  },
  methods: {
    init() {},
    showRight(companentName, title, data) {
      this.$emit('showRight', companentName, title, data);
    }
  }
};
</script>


